<template>
    <a-sub-menu :key="item.path">
    <template v-slot:title>
      <span class="anticon">
        <vab-icon :icon="item.meta.icon"></vab-icon>
      </span>
      <span>{{ item.meta.title }}</span>
    </template>
    <slot></slot>
  </a-sub-menu>
</template>
<script lang="ts">
import {defineComponent} from 'vue'
export default defineComponent({
  props: {
      item: {
        type: Object,
        default() {
          return null
        },
      },
      routeChildren: {
        type: Object,
        default() {
          return null
        },
      },
    },
  
});
</script>
<style scoped>
 .anticon {
    margin-right: 3px !important;
  }
</style>

